// 默认样式设置
body,h1,h2,h3,h4,h5,h6,hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,form,div, fieldset, legend, button, input, textarea, th, td { 
	margin:0;
	padding:0;
 }

body,button, input, select, textarea {
 	font-size:14px;
 	font-family:"微软雅黑",Arial;
 }

h1,h2,h3,h4,h5,h6{ 
   font-size:100%;
 }

address,cite, dfn, em, var { 
	font-style:normal;
 }

ul,ol {
   list-style:none;
 }

a {
  text-decoration:none;
  color:#666;
 }
sup{ 
  vertical-align:text-top;
 }

sub{ 
  vertical-align:text-bottom;
 }

legend{
  color:#000;
 }

fieldset,img {
  border:0;
 }

button,input, select, textarea {
	font-size:100%;
 }

table{ 
	border-collapse:collapse;
    border-spacing:0;
 }
.wrap{
 	width:1200px;
 	margin:0 auto;
}
// 清除浮动
.clear{
	content:"";
	clear:both;
}
body{
	background:#fff;
}
// 背景图
i{

 	background:url(../img/icon.png);
 	display:inline-block;
 	width:32px;
 	height:40px;
 	line-height:42px;

}
// header头部样式设置
.header{
	width:100%;
	min-width:980px;
	background:#f2f2f3;
	height:42px;
}
.header-left{
	float:left;
}
.header-right{
    float:right;
}
.header-left li,.header-right li{
	float:left;
	height:42px;
	line-height:42px;
}
.header-left {
    li{
      a{
        i{
          float:left;
        }
        span{
          float:left;
        }
      }
    }
    .server_p{
       a{
           color:#999;
          i{
              background-position:-720px 0;
          }

       }
    }
    .server_number{
      a{
        color:#333;
        font-weight:bold;
      }
    }
    .cat{
      margin-left:10px;
      a{
        i{
          background-position:-80px 0;
        }
      }
    }
    .weixin{
       a{
        i{
          background-position:-40px 0;
        }
      }
    }
    
}
// header上部激活样式
.header{
    .on{
      color:#af7535;
    }
}
// 头部右侧样式设置
.header-right{
    a{
    display: block;
    width: 100%;
    height: 100%;
    }
  .register{
    margin-left:10px;
  }
  // 注册的默认状态
  .danger{
    color:#da251d;
  }
  .danger:hover{
    color:#f2170d;
  }
  .help-center{
    margin-left:30px;
  }
}
// 导航栏多息猫样式设置
.head{
  width:100%;
  height:123px;
  background:#fafafb;
  position:relative;
  .head_nav{
    position:relative;
  }
}
.head{
  position:relative;

  .nav_img{
  float:left;
   a{
    display:inline-block;
    height:123px;
      img{
        
       margin-top:25px;
      }

   }
  }
  .nav{
    float:right;
    li{
      float:left;
      padding:15px;
      margin:0 10px 0 10px;
      height:96px;
      line-height:108px;
      font-size:16px;
      a{
        color:#191d23;
        padding:15px 10px 20px 10px;
      }
    }
    li:hover a{
      color:#af7535;
    }
    .show .show_a{
      padding:14px 9px 19px 9px;
      border:1px solid #ccc;
      border-bottom:none;
      background:#fff;
      z-index:99999;
    }
    .active a{  
      color:#af7535;
    }
    .last{
        // 信息披露部分展示
        position:relative;
        b{
          position:absolute;
          bottom:27px;
          display:inline-block;
          display:none;
          left:16px;
          width:82px;
          height:3px;
          background:#fff;
          z-index:999999;

        }
  .box{
    position:absolute;
    right:0;
    top:96px;
    background:#fff;
    width:919px;
    height:160px;
    padding:30px 30px 30px 40px;
    border:1px solid #e6e6e6;
    display:none;
    z-index:888;
    //display:none;
    .box_info{
      width:74%;
      height:100%;
      .box_f{
        height:100%;
        float:left;
        margin-right:100px;
        line-height: 0;
        .box_top{
            line-height: 0;
          a{
            font-weight:bold;
            color:#333;
            padding: 0;
            font-size:14px;
          }
          span{
            margin-top:15px;
            width:35px;
            background:#333;
            height:3px;
            display:block;
          }
        }
        .box_top2{
          position:relative;
          bottom:50px;
           a{
            font-weight:bold;
            color:#333;
            display:inline-block;
            padding: 0;
          }
          span{
            margin-top:15px;
            width:35px;
            background:#333;
            height:3px;
            display:block;
          }
        }
        .box_content{
          margin-top:20px;
          height:100px;
          dl{
            float:left;
            height:75px;
            dd{
             height:30px;
             line-height:35px;
             a{
              color:#333;
              line-height: 0;
              padding: 0;
              font-size:14px;
             }
            }
          }
        }
        .box_content2{
          position:relative;
          bottom:40px;
           a{
              color:#333;
             }
        }

      }
      .box_big{
        width:150px;
        .box_content{
          dl{
            float:left;
            dd{
              float:left;
            }
            dd:nth-child(odd){
              margin-right:15px;
            }
          }
        }
      }
      .box_middle{
        width:110px;
        .box_content{
          dl{
            float:left;
            width:100%;
            height:75px;
            dd{
              float:left;
            }
            dd:nth-child(odd){
              margin-right:15px;
            }
          }
        }
      }
    }
    .box_img{
      width:25%;
      height:100%;
      float:right;
      position:absolute;
      bottom:-27px;
      right:47px;

    }
  }
}
        
            
    }
  }

// 公共部分尾部
.footer{
   background:url(../img/footer_bg.png) repeat;
   padding-top:70px;
   position:relative;
   padding-bottom:40px;
   // 点击到达顶部的图标
   .top_icon{
      position:absolute;
      top:-56px;
      left:50%;
      margin-left:-56px;

   }
   // 底部小牛二
   .cattle_left{
      width:174px;
      height:82px;
      position:absolute;
      top:-82px;
      left:20%;
      margin-left:-56px;
      opacity:0.2;
      i{
        background:url(../img/cattle.png) no-repeat;
        width:174px;
        height:82px;
      }

   }
    .cattle_right{
      width:174px;
      height:82px;
     position:absolute;
      top:-82px;
      right:20%;
      opacity:0.2;
      margin-left:-56px;
       i{
        background:url(../img/cattle.png) no-repeat;
        width:174px;
        height:82px;
      }
   }
   .footer_content{
   // 底部上层
       .footer_top{
           dl{
               float:left;
               margin-right:97px;
               &:first-child{
                   text-indent:15px;
               }
               dt{
                 margin-bottom:30px;
                   i{
                      vertical-align:-12px;
                      &.child1{
                        background-position:-600px 0;
                      } 
                      &.child2{
                        background-position:-800px -40px;
                      } 
                      &.child3{
                        background-position:-840px 0;
                      } 
                      &.child4{
                        background-position:-560px -40px;
                      } 
                      &.child5{
                        background-position:-360px 0px;
                      } 
                   }
                   a{
                       color:#e3dfda;
                       font-size:20px;
                   }
                   span{
                    width:32px;
                    height:2px;
                    background:#e3dfda;
                    display:block;
                     margin-left:40px;
                   }
               }
               dd{
                   margin-left:40px;
                   a{
                       color:#eee;
                       font-size:14px;
                       line-height:30px;
                       span{
                        color:#a3a19d;
                       }
                   }
               }
           }
           .last{
            margin:0;
           .duoxicat{
              text-align:center;
              width:84px;
              height:84px;
              float:left;
              margin:35px 24px 0 0;
              a{
                display:inline-block;
                width:100%;
                height:100%;
                img{
                  margin-left:22px;
                }
              }
              span{
                color:#a3a19d;
                font-size:12px;
                margin-left:20px;
              }
            }
             .weibo{
             text-align:center;
              width:84px;
              height:84px;
              float:left;
              margin:35px 24px 0 0;
               a{
                display:inline-block;
                width:100%;
                height:100%;
                img{
                  margin-left:22px;
                }
              }
              span{
               color:#a3a19d;
               font-size:12px;
               margin-left:20px;
              }
            }
            .weixin{
             text-align:center;
              width:84px;
              height:84px;
              float:left;
              margin:35px 0 0 0;
               a{
                display:inline-block;
                width:100%;
                height:100%;
                img{
                  margin-left:22px;
                }
              }
              span{
                color:#a3a19d;
                font-size:12px;
                margin-left:20px;
              }
            }
          }
       }
       // 底部中层
       .footer_middle{
          margin:80px  153px 0 153px;
          a{
            margin-right:6px;
          }
       }
       .spilt_line{
        margin-top:40px;
        height:1px;
        width:100%;
        background:#28231e;
       }
       .spilt2{
        margin-bottom:30px;
        height:1px;
        width:100%;
        background:#3d3936;
       }
       .bottom{
          .bottom_left{
            float:left;
            p{
              color:#e2e1da;
              font-size:12px;
            }
          }
          .bottom_right{
            float:right;
            p{
              color:#807e7a;
              font-size:12px;
              line-height:30px;
              display:block;
            }
            .two{
              margin-left:190px;
            }
          }
       }
   }
}
// 右侧浮层
.side.over{position: fixed; bottom:0;  z-index: 100; left:50%; margin-left: 600px;}
.side ul li { width: 41px; height: 41px; position: relative; margin-bottom: 8px;}
.sidebox, .sidetop { position: absolute; width: 41px; height: 41px; top: 0; left: 0; transition: all 0.3s; background-color: #f55f5f; color: #fff; overflow: hidden; border-radius: 3px;-webkit-border-radius: 3px;z-index: 401;line-height: 1.3;}
.sidebox:hover{
    background:#f11blb;
}
.sidetop:hover{
    background:#f11blb;
}
.side li.active .sidebox,.side li.active .sidetop{background-color: #ff7a2b;}
.side .sidetop:hover { background: #f55f5f; opacity: 1; filter: Alpha(opacity=100); }
.side img { border: none; height: auto; max-width: 100%; vertical-align: middle; }
.side .form-year{width: 80px;}
.side select{background-color: #fff; border: 1px solid #ddd;height: 21px; float:right; margin-right:10px;}

.side-parent{position: fixed; bottom: 0%; width: 100%;}
.side-parent .side { position: relative; width: 1200px; margin: auto; z-index: 100; height: 0; left: initial; }
.side-parent .side > ul  {position: absolute; bottom: 0; right: -61px;}
// 添加二维码
.side-parent{
    .side{
      .qrcode{
        position:relative;
        .show_code{
          position:absolute;
          left:41px;
          top:0;
          z-index:9999;
          width:100px;
          height:100px;
         display:none;
        }
      }
    }
}
// 计算器
.counter{background:#fff;-webkit-border-radius: 3px;border: 1px solid #ff7a2b;position: absolute;left:0px;bottom:43px; z-index: 888;display: none;}
.close-jsq{ position:absolute; right:10px; top:7px;}
.counter table{ width: 200px;font-size: 14px;padding: 5px;}
.counter table .border-bot{border-bottom: 1px solid #ff7a2b;}
.counter table td{padding: 5px 2px; height:35px;font-size: 14px;}
.counter table td.w55{ width:55px;}
.counter table td.pl-1{ padding-left:10px;color:#666666;}
.counter table .border-bot .pl-1{color:#333333;}
.counter input{width: 130px;padding: 3px;height: 22px;font-size: 14px;border: 1px solid #ddd;border-radius: 0px;-webkit-border-radius: 0px;
    box-shadow: none;color:#333333;}
.counter select{ font-size:12px; color:#999;}
.account-right-box .tabs-tips { padding: 10px 0 20px 16px; line-height: 23px; color: #666; }
.account-right-box .tabs-tips .cef5 { text-decoration: underline; }
.ttips-md { line-height: 22px; }

.side.bigmedia .weixin-ad{ left:-135px; padding-right:0;}
.side.bigmedia .sidebox{ left: auto; right:0;}
.side.bigmedia .counter{left:auto; right:0;}
// 全局弹窗
.over_alert,.login_alert{
    .bg{
        margin:0;
        padding:0;
        border:none;
        width:100%;
        height:100%;
        background:#333;
        opacity:0.3;
        filter: "alpha(opacity=30)";   /* IE 8 */ 
        filter: alpha(opacity=30);  /* IE 4-7 */ 
        position:fixed;
        top:0;
        left:0;
        z-index:999;
    }
    .alert_all {
      position: fixed;
      top: 50%;
      left: 50%;
      width: 320px;
      height: 370px;
      margin-left: -185px;
      margin-top: -160px;
      border-radius: 5px;
      background: #fff;
      z-index: 99999;
    }
   
}
.alert_all{
  position:fixed;
  top:50%;
  left:50%;
  width:320px;
  height:370px;
  margin-left:-185px;
  margin-top:-160px;
  border-radius:5px;
  background:#fff;
  z-index:99999;
  .alert_title{
    width:100%;
    height:68px;
    background:url(../img/title_bg.png);
    position:relative;
    top:-10px;
    .alert_close{
      position:absolute;
      right:10px;
      bottom:15px;
    }
  }
  .alert_content{
    width:100%;
    padding:20px 0 20px 20px;
    .process{
      margin-top:30px;
      margin-left:15px;
      .process1,.process2,.process3{
         line-height:18px;
         margin-bottom:22px;
        b{
          display:inline-block;
          width:25px;
          height:18px;
        }
        .img1{
          background:url(../img/state1_img.png) no-repeat;
          vertical-align:middle;
        }
         .img2{
          background:url(../img/state2_img.png) no-repeat;
          vertical-align:middle;
        }
        span{ 
          font-size:16px;
          color:#666;
        }
        .special{
          font-weight:bold;
        }
        .state1{
          color:#ccc;
        }
        .state2{
          color:#59d755;
        }
      }

    }
    .btn{
        position:absolute;
        bottom:30px;
        .btn1,.btn2,.btn3,.btn4{
          a{
            display:inline-block;
             width:240px;
             height:42px;
             line-height:42px;
             text-align:center;
             background:#59d755;
             color:#fff;
             font-size:16px;
             border-radius:5px;
             -webkit-border-radius:5px;
             -ms-border-radius:5px;
             -moz-border-radius:5px;
             -o-border-radius:5px;
          }
        }
      }

  }
}
// 全局的登录弹窗
.login_box{
    position:fixed;
    top:50%;
    left:50%;
    width:358px;
    height:320px;
    margin-left:-179px;
    margin-top:-160px;
    border-radius:5px;
    background:#fff;
    z-index:9999;
    .title{
         margin:20px 20px 20px 24px;
          border-bottom:1px solid #f2f2f2; 
          padding-bottom:5px;
          .left{
              float:left;
              font-size:20px;
          }
          .right{
              float:right;
              font-size:12px;
              line-height:30px;
              color:#999;
              a{
                color:#00a3ee;
              }
          }
        }
       .item{
          padding:0 24px 30px 24px;
          //border-bottom:1px solid #f2f2f2;
          // 默认状态
          .default{
            width:304px;
            height:22px;
            border:1px solid #F6C090;
            background:#FEF4E5;
            margin-top:5px;
            i{
              display:inline-block;
              width:42px;
              height:24px;
              background:url(../img/suggest.png) 0 2px no-repeat;
              vertical-align:middle;
              margin-left:10px;
            }
            span{
              display:inline-block;
              font-size:12px;
              color:#666;
              margin-left:-15px;
            }
          }
          
          // 用户名错误
          .name_wrong{
            width:304px;
            height:22px;
            border:1px solid #F6C090;
            background:rgb(255,235,235);
            margin-top:5px;
            i{
              display:inline-block;
              width:42px;
              height:24px;
              background:url(../img/error.png) 0 2px no-repeat;
              vertical-align:middle;
              margin-left:10px;
            }
            span{
              display:inline-block;
              font-size:12px;
              color:#E4393C;
              margin-left:-15px;
            }
          }
          // 密码错误
          .password_wrong{
            width:304px;
            height:22px;
            border:1px solid #F6C090;
            background:rgb(255,235,235);
            margin-top:5px;
            i{
              display:inline-block;
              width:42px;
              height:24px;
              background:url(../img/error.png) 0 2px no-repeat;
              vertical-align:middle;
              margin-left:10px;
            }
            span{
              display:inline-block;
              font-size:12px;
              color:#E4393C;
              margin-left:-15px;
            }
          }
          // 用户名与密码不配
          .not_match{
            width:304px;
            height:22px;
            border:1px solid #F6C090;
            background:rgb(255,235,235);
            margin-top:5px;
            i{
              display:inline-block;
              width:42px;
              height:24px;
              background:url(../img/error.png) 0 2px no-repeat;
              vertical-align:middle;
              margin-left:10px;
            }
            span{
              display:inline-block;
              font-size:12px;
              color:#E4393C;
              margin-left:-15px;
            }
          }
          // 密码冻结时
          .frozing{
            width:304px;
            height:22px;
            border:1px solid #F6C090;
            background:rgb(255,243,234);
            margin-top:5px;
            i{
              display:inline-block;
              width:42px;
              height:24px;
              background:url(../img/danger.png) 0 2px no-repeat;
              vertical-align:middle;
              margin-left:10px;
            }
            span{
              display:inline-block;
              font-size:12px;
              color:#ffb027;
              margin-left:-15px;
            }
          }
          .name{
            margin-top:5px;
            span{
              float:left;
              height:38px;
              display:inline-block;
              width:40px;
              border:1px solid #BBB;
              border-right:0;
              background:url(../img/avatar1.png) no-repeat;
            }
            input{
              float:right;
              height:36px;
              width:265px;
              outline:0;
              text-indent:15px;
            }

          }
          .password,.password_empty{
            margin-top:20px;
            span{
              float:left;
              height:38px;
              display:inline-block;
              width:40px;
              border:1px solid #BBB;
              border-right:0;
              background:url(../img/password1.png)no-repeat;
            }
            input{
              float:right;
              height:36px;
              width:265px;
              outline:0;
              text-indent:15px;
            }

          }

          // 手机号或者密码为空的状态
          .name_error{
            margin-top:5px;
            span{
              float:left;
              height:38px;
              display:inline-block;
              width:40px;
              border:1px solid #e4393c;
              border-right:0;
              background:rgb(255,235,235) url(../img/avatar2.png)no-repeat;
              
            }
            input{
              float:right;
              height:38px;
              width:267px;
              outline:0;
              text-indent:15px;
              border:1px solid #e4393c;
            }
          }
          .password_error{
            margin-top:20px;
            span{
              float:left;
              height:38px;
              display:inline-block;
              width:40px;
              border:1px solid #e4393c;
              border-right:0;
              background:rgb(255,235,235) url(../img/password2.png)no-repeat;
              
            }
            input{
              float:right;
              height:38px;
              width:267px;
              outline:0;
              text-indent:15px;
              border:1px solid #e4393c;
            }
          }
          // 正在输入状态
          .password_ready{
            margin-top:20px;
            span{
              float:left;
              height:38px;
              display:inline-block;
              width:40px;
              border:1px solid #BBB;
              border-right:0;
              background:#ddd url(../img/password1.png)no-repeat;
            }
            input{
              float:right;
              height:36px;
              width:265px;
              outline:0;
              text-indent:15px;
            }

          }
          .name_ready{
            margin-top:5px;
            span{
              float:left;
              height:38px;
              display:inline-block;
              width:40px;
              border:1px solid #BBB;
              border-right:0;
              background:#ddd url(../img/avatar1.png) no-repeat;
            }
            input{
              float:right;
              height:36px;
              width:265px;
              outline:0;
              text-indent:15px;
            }

          }
          .choose{
            margin-top:20px;
            width:306px;
            .left{
              float:left;
              label{
                font-size:12px;
                color:#666;
              }
            }
            .right{
              float:right;
              span{
                font-size:12px;
                color:#666;
              }
            }

          }
          .login{
            margin-top:20px;
            a{
              display:inline-block;
              width:306px;
              height:34px;
              background:#D77814;
              line-height:34px;
              text-align:center;
              span{
                font-size:16px;
                color:#fff;
              }
            }
          }
          .loading{
            margin-top:20px;
            a{
              display:inline-block;
              width:306px;
              height:34px;
              background:#D77814;
              line-height:34px;
              text-align:center;
              span{
                font-size:16px;
                color:#fff;
              }
            }
          }
        }
        .bottom{
          padding:14px 0 20px 24px;
          i{
            display:inline-block;
            width:20px;
            height:19px;
            background:url(../img/register.png) no-repeat;
            vertical-align:middle;
          }
          a{
            font-size:14px;
            color:#DA251D;
          }

        }
}

// 媒体查询：当屏幕为小屏幕是

@media screen and (max-width: 1380px) {

  .side-parent{
  .side > ul{
      position:absolute;
      bottom:0;
      left:-61px;
    }
  }
}